<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp"%>

<style type="text/css">
	#navbar {
	    background: url("common/images/menu/nav-bg.png") repeat scroll 0 0 transparent;
	    height: 38px;
	    padding: 0;
	}
	ul#menu {
		position: absolute;
		margin: 0 0 0 80px;
		list-style:none;
		padding:5px 0 0;
		overflow:auto;
		height: 40px;
		/* background-color:#423e3e; to match the background of the slices */
	}
	ul#menu li{
		float:left;
		font-family:Arial, Verdana, sans-serif;
		text-shadow: rgba(255,255,255, 1) 1px 1px 2px;
		font-weight:bold;
		font-style:italic;
	}
	ul#menu li a {
		height: 25px;
		font-size: 13px;
		font-weight: bold;
		display:block;
		position: relative;
		text-decoration:none;
		text-transform: uppercase;
		padding: 4px 10px 1px;
		margin: 0 10px;
		color: #333333;
		z-index: 5;
	}
	ul#menu li a:hover {
		color:#FFF;
		text-shadow: 1px 1px 2px #000000;
	}
	
	ul#menu li.backLava {
	    background-color: #DFF660;
	    border: 1px solid #AAAAAA;
	    border-radius: 3px 3px 3px 3px;
	    position: absolute;
	    z-index: 5;
	    margin: 10px;
	}
	
	/*
	ul#menu li.backLava {
		background: url("common/images/menu/slider-right.gif") no-repeat top right;
		position: absolute;
	}
	ul#menu li.backLava div.leftLava {
		background: url("common/images/menu/slider-bg.gif") no-repeat top left;
		height: 100%;
		margin-right:24px;
	}
	ul#menu li.backLava div.cornerLava {
		background: url("common/images/menu/slider-corner.gif") no-repeat bottom right;
		height:15px;
		width:24px;
		position:absolute;
		bottom:0px;
		right:0px;
	}
	ul#menu li.backLava .bottomLava {
		background: url("common/images/menu/slider-bottom.gif") no-repeat bottom left;
		height:15px;
		width:100%;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	*/
</style>

<script type="text/javascript">
	jQuery(function($) {
	    $('ul#menu').lavaLamp({
	    	fx: 'easeOutQuad',
	    	speed: 700,
	    	returnDelay:200
	    });
	});
</script>

<div class="span-24">
     <div class="page_top">
	<div class="page_top_word">
		&nbsp; 您好<span id="login_name"></span>，欢迎来 '那些年' 网上订餐系统（天天订餐）！<span style="cursor:pointer;" id="btn_login">[请登陆]</span>
		<span id="btn_reg">&nbsp;[<a target="_self" href="#">免费注册</a>]</span>
        <span style="display:none;cursor:pointer;" id="btn_loginOut">&nbsp;[退出]</span>
	</div>

	<div class="page_top_nav">
		<a href="#" onclick="HomepageFavorite.homepage(this, 'http://www.nxnkc.com/');return false;" title="那些年快餐">设为首页</a>&nbsp;
		<a href="#" onclick="HomepageFavorite.favorite('http://www.nxnkc.com/', '那些年快餐'); return false;" title="那些年快餐" target="_blank" >添加收藏</a>&nbsp;
		<a href="#" target="_self" >联系我们</a>&nbsp;
		<img width="16" height="13" src="common/images/icon/help.gif">
		<a target="_self" href="#">帮助</a>
	</div>
  </div>
</div>
<hr style="margin-bottom: 3px;">

<div class="span-24">
	<div class="logo"></div>
	<div><img width="100%" border="0" src="common/images/topmain.jpg"></div>
</div>
<div id="navbar" class="span-24">
  <ul id="menu">
    <li><a href="#">首&nbsp;页</a></li>
    <li><a href="links/introduce.jsp">餐厅简介</a></li>
    <li><a href="#">订餐指南</a></li>
    <li><a href="#">会员中心</a></li>
    <li><a href="order/delivery-order!query.action">订单查询</a></li>
    <li><a href="links/foodCulture.jsp">饮食文化</a></li>
    <li><a href="#">留言板</a></li>
  </ul>
</div>
<hr>	